<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Java Script 消息框</title>
    <script>

        // 带有换行的 警告提示框
        function display_alert(){
            alert("再次向您问好！ 在这里,我们向您演示" + '\n' + "如何向警告框内添加折行")  // alert 警告框
        }

        // 带有确定 取消的 警告提示框
        function show_confirm(){
            var r = confirm("Press a button")  // 找个 Press a button 没有什么关系 随便传一个都可以   确认框
            if(r == true){
                console.log("您点击了 OK")
            }else{
                console.log("您点击了 取消")
            }

            // var n = confirm("")
            // if(n == true){
            //     console.log("nnnnnn ----您点击了 OK")
            // }else{
            //     console.log("nnnnnn ----您点击了 取消")
            // }

        }
        
        // 提示框 
        function show_prompt(){
            /*
            提示框经常用于提示用户在进入页面前输入某个值。
            当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
            如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。
            */
            var r = prompt("Press a button")  // 找个 Press a button 没有什么关系 随便传一个都可以   确认框
            if(r == true){
                console.log(r)
            }else{
                console.log(r)
            }
        }
        
    </script>
</head>
<body>
    <input type="button" onclick="display_alert()" value="显示换行的警告框" />
    <input type="button" onclick="show_confirm()" value="Show a confirm box" />
    <input type="button" onclick="show_prompt()" value="显示一个提示文本" />
</body>
</html>